<!DOCTYPE html>
<html>
<head>
  <meta charset='utf-8'>
  <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>Examples</title>
  <style>
    *{
      padding: 0;
      margin: 0;
    }
    .ea-DOMs {
      background-color: rgb(255, 255, 255);
      background-repeat: no-repeat;
      background-position: center center, center center;
      background-size: cover;
      padding: 0px;
      width: 375px;
      height: 210px;
      position: absolute;
    }
    .cJssHP {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      touch-action: pan-y;
    }
    .hDsuPB {
      display: inline-block;
      vertical-align: middle;
    }
    .eREiWo {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background-color: transparent;
      background-repeat: no-repeat;
      white-space: nowrap;
      perspective: 66vw;
      transition: all 0s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    }
    .gVSYXb {
      overflow: hidden;
      box-sizing: border-box;
      border-style: solid;
      border-width: 0px;
      border-color: rgb(255, 255, 255);
      background-color: rgba(255, 255, 255, 0);
      background-repeat: no-repeat;
      background-position: center center, center center;
      background-size: cover;
      border-radius: 24px;
      width: 87px;
      height: 90px;
      position: absolute;
    }
    .fNFHp {
      overflow: hidden;
      border-color: rgb(255, 255, 255);
      background-color: rgba(255, 255, 255, 0);
      background-repeat: no-repeat;
      background-position: center center, center center;
      background-size: cover;
      padding: 0px;
      width: 87px;
      height: 90px;
      position: absolute;
    }
    .hTLDkX {
      overflow: hidden;
      box-sizing: border-box;
      border-style: solid;
      border-width: 0px;
      border-color: rgb(255, 255, 255);
      background-image: url("https://m.360buyimg.com/babel/jfs/t1/150839/19/17620/24939/6018cb3cEab69ae86/9ad7444cd9d3a9c3.png");
      background-size: cover;
      background-color: rgba(255, 255, 255, 0);
      background-repeat: no-repeat;
      background-position: center center, center center;
      width: 87px;
      height: 90px;
      position: absolute;
    }
    .hongxin_image_wrap.hongxin_image_wrap {
      background: #f3f3f3 url("https://storage.360buyimg.com/tower/babelnode/static/media/SH_grayplaceholder_big.0722a4db.png") no-repeat 50% 50%;
      -o-object-fit: cover;
      object-fit: cover;
      background-size: 30px;
    }
    .jjwcGh {
      object-fit: cover;
      background-color: rgba(255, 255, 255, 0);
      border-radius: 24px 24px 0px 0px;
      width: 87px;
      height: 63px;
      position: absolute;
    }
    .YFXoE {
      display: -webkit-box;
      overflow: hidden;
      word-break: break-word;
      white-space: normal;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      text-overflow: ellipsis;
      font-size: 11px;
      color: rgb(255, 255, 255);
      font-weight: normal;
      text-align: center;
      background-color: rgb(255, 92, 23);
      box-sizing: border-box;
      border-style: solid;
      border-width: 0px;
      border-color: rgb(255, 255, 255);
      max-width: 77px;
      font-style: normal;
      border-radius: 7px;
      left: 5px;
      top: 46px;
      width: 77px;
      position: absolute;
      line-height: 1.36364;
      height: auto;
      max-height: 15px;
    }
    .guCTHv {
      display: -webkit-box;
      overflow: hidden;
      word-break: break-word;
      white-space: normal;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      text-overflow: ellipsis;
      font-size: 13px;
      color: rgb(255, 255, 255);
      font-weight: normal;
      text-align: center;
      border-color: rgb(255, 255, 255);
      max-width: 85px;
      font-style: normal;
      left: 1px;
      top: 69px;
      width: 85px;
      position: absolute;
      line-height: 1.38462;
      height: auto;
      max-height: 18px;
    }
  </style>
</head>
<body>
<div id='experiment'>
  <div id='cube'>
    <div class='bab_opt_mod bab_opt_mod_1_1 module_60967403 viewkit' data-floornum='1_1' data-moduleid='60967403'
         data-template='viewkit' data-templategroupid='00000307' data-patternid='00001427'>
      <div class='rv' style='overflow: auto; height: 210px;'>
        <div class='rv-wrap'
             style='transform:scale(1.0000);-webkit-transform:scale(1.0000);transform-origin:left top;-webkit-transform-origin:left top;width:375px'>
          <div style='position:relative;overflow:hidden;left:0;top:0;width:375px;height:210px' class='sc-bdvvaa'>
            <div class='sc-iwjezw ea-DOMs' data-type='dynamicBanner'>
              <div class='sc-kfPtPH cJssHP'>
                <div class='sc-fKVsgm eREiWo'
                     style='margin-left: 9px; height: 210px; perspective-origin: 900px center; transform: translate3d(-720px, 0px, 0px); width: 360px; transition: all 0ms cubic-bezier(0.39, 0.575, 0.565, 1) 0s;'>
                  <div>
                    <div class='sc-bBHwJV hDsuPB' style='margin-right: 3px; width: 87px; height: 90px; opacity: 0;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'>
                              <img class='sc-furvIG gVLoLA'
                                   src='https://m.360buyimg.com/rank/jfs/t1/160464/25/4062/368105/6006aa84Ea33fa535/310215a726429371.png'
                                   alt='vk image' style='width: 100%; height: 100%; opacity: 1;'>
                            </div>
                            <span class='sc-pVTma YFXoE' data-type='text'>4.7万人买过</span>
                            <span class='sc-pVTma guCTHv' data-type='text'>2升绞肉机</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB' style='margin-right: 3px; width: 87px; height: 90px; opacity: 0;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'>
                              <img class='sc-furvIG gVLoLA'
                                   src='https://m.360buyimg.com/rank/jfs/t1/73895/33/2973/369077/5d133f64E948110b8/f2be6bfd775aff6c.png'
                                   alt='vk image' style='width: 100%; height: 100%; opacity: 1;'>
                            </div>
                            <span class='sc-pVTma YFXoE' data-type='text'>21.6万人买过</span>
                            <span class='sc-pVTma guCTHv' data-type='text'>切菜绞肉机</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB' style='margin-right: 3px; width: 87px; height: 90px; opacity: 0;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'>
                              <img class='sc-furvIG gVLoLA'
                                   src='https://m.360buyimg.com/rank/jfs/t1/179143/3/5467/510395/60a89b90Ef13e892d/0d95320a6be1bc4d.png'
                                   alt='vk image' style='width: 100%; height: 100%; opacity: 1;'>
                            </div>
                            <span class='sc-pVTma YFXoE' data-type='text'>35.9万人买过</span>
                            <span class='sc-pVTma guCTHv' data-type='text'>补水保湿榜</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB' style='margin-right: 3px; opacity: 0; width: 87px; height: 90px;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'>
                              <img class='sc-furvIG gVLoLA'
                                   src='https://m.360buyimg.com/rank/jfs/t1/55638/37/4067/92098/5d1db9f0E5fe0ad6d/3d3da888ad6459b7.png'
                                   alt='vk image' style='width: 100%; height: 100%; opacity: 1;'>
                            </div>
                            <span class='sc-pVTma YFXoE' data-type='text'>685.3万人买过</span>
                            <span class='sc-pVTma guCTHv' data-type='text'>清洁牙刷榜</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB' style='margin-right: 3px; opacity: 0; width: 87px; height: 90px;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'>
                              <img class='sc-furvIG gVLoLA'
                                   src='https://m.360buyimg.com/babel/s175x127_jfs/t1/217276/22/175/127186/6166aa12Ea7fad127/3f0e1104be545dea.jpg!q70.dpg'
                                   alt='vk image' style='width: 100%; height: 100%; opacity: 1;'>
                            </div>
                            <span class='sc-pVTma YFXoE' data-type='text'>111.3万人买过</span>
                            <span class='sc-pVTma guCTHv' data-type='text'>颈椎按摩器</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB' style='margin-right: 3px; opacity: 0; width: 87px; height: 90px;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'>
                              <img class='sc-furvIG gVLoLA'
                                   src='https://m.360buyimg.com/rank/jfs/t1/160464/25/4062/368105/6006aa84Ea33fa535/310215a726429371.png'
                                   alt='vk image' style='width: 100%; height: 100%; opacity: 1;'>
                            </div>
                            <span class='sc-pVTma YFXoE' data-type='text'>4.7万人买过</span>
                            <span class='sc-pVTma guCTHv' data-type='text'>2升绞肉机</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB' style='margin-right: 3px; opacity: 0; width: 87px; height: 90px;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'>
                              <img class='sc-furvIG gVLoLA'
                                   src='https://m.360buyimg.com/rank/jfs/t1/73895/33/2973/369077/5d133f64E948110b8/f2be6bfd775aff6c.png'
                                   alt='vk image' style='width: 100%; height: 100%; opacity: 1;'>
                            </div>
                            <span class='sc-pVTma YFXoE' data-type='text'>21.6万人买过</span>
                            <span class='sc-pVTma guCTHv' data-type='text'>切菜绞肉机</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB'
                         style='margin-right: 3px; opacity: 0; width: 87px; height: 90px; transform: rotateY(-60deg) translate3d(0px, -18px, 0px); transform-origin: 90px center; transition: none 0s ease 0s;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'>
                              <img class='sc-furvIG gVLoLA'
                                   src='https://m.360buyimg.com/rank/jfs/t1/179143/3/5467/510395/60a89b90Ef13e892d/0d95320a6be1bc4d.png'
                                   alt='vk image' style='width: 100%; height: 100%; opacity: 1;'>
                            </div>
                            <span class='sc-pVTma YFXoE' data-type='text'>35.9万人买过</span>
                            <span class='sc-pVTma guCTHv' data-type='text'>补水保湿榜</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB'
                         style='margin-right: 3px; opacity: 1; width: 87px; height: 90px; transform: rotateY(0.1deg) translate3d(0px, 3px, 0px); transform-origin: 90px center; transition: none 0s ease 0s;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'><img class='sc-furvIG gVLoLA'
                                                                src='https://m.360buyimg.com/rank/jfs/t1/55638/37/4067/92098/5d1db9f0E5fe0ad6d/3d3da888ad6459b7.png'
                                                                alt='vk image'
                                                                style='width: 100%; height: 100%; opacity: 1;'></div>
                            <span class='sc-pVTma YFXoE' data-type='text'>685.3万人买过</span><span class='sc-pVTma guCTHv'
                                                                                                data-type='text'>清洁牙刷榜</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB'
                         style='margin-right: 3px; width: 87px; height: 90px; opacity: 1; transform: rotateY(0.1deg) translate3d(0px, 15px, 0px); transition: none 0s ease 0s; transform-origin: 60px center;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'><img class='sc-furvIG gVLoLA'
                                                                src='https://m.360buyimg.com/babel/s175x127_jfs/t1/217276/22/175/127186/6166aa12Ea7fad127/3f0e1104be545dea.jpg!q70.dpg'
                                                                alt='vk image'
                                                                style='width: 100%; height: 100%; opacity: 1;'></div>
                            <span class='sc-pVTma YFXoE' data-type='text'>111.3万人买过</span><span class='sc-pVTma guCTHv'
                                                                                                data-type='text'>颈椎按摩器</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB'
                         style='margin-right: 3px; width: 87px; height: 90px; opacity: 1; transform-origin: 30px center; transition: none 0s ease 0s; transform: rotateY(0.1deg) translate3d(0px, 15px, 0px);'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'><img class='sc-furvIG gVLoLA'
                                                                src='https://m.360buyimg.com/rank/jfs/t1/160464/25/4062/368105/6006aa84Ea33fa535/310215a726429371.png'
                                                                alt='vk image'
                                                                style='width: 100%; height: 100%; opacity: 1;'></div>
                            <span class='sc-pVTma YFXoE' data-type='text'>4.7万人买过</span><span class='sc-pVTma guCTHv'
                                                                                              data-type='text'>2升绞肉机</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB'
                         style='margin-right: 3px; width: 87px; height: 90px; opacity: 1; transform-origin: 0px center; transition: none 0s ease 0s; transform: rotateY(0.1deg) translate3d(0px, 3px, 0px);'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'><img class='sc-furvIG gVLoLA'
                                                                src='https://m.360buyimg.com/rank/jfs/t1/73895/33/2973/369077/5d133f64E948110b8/f2be6bfd775aff6c.png'
                                                                alt='vk image'
                                                                style='width: 100%; height: 100%; opacity: 1;'></div>
                            <span class='sc-pVTma YFXoE' data-type='text'>21.6万人买过</span><span class='sc-pVTma guCTHv'
                                                                                               data-type='text'>切菜绞肉机</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB'
                         style='margin-right: 3px; width: 87px; height: 90px; opacity: 0; transform-origin: 0px center; transition: none 0s ease 0s; transform: rotateY(60deg) translate3d(0px, -18px, 0px);'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'><img class='sc-furvIG gVLoLA'
                                                                src='https://m.360buyimg.com/rank/jfs/t1/179143/3/5467/510395/60a89b90Ef13e892d/0d95320a6be1bc4d.png'
                                                                alt='vk image'
                                                                style='width: 100%; height: 100%; opacity: 1;'></div>
                            <span class='sc-pVTma YFXoE' data-type='text'>35.9万人买过</span><span class='sc-pVTma guCTHv'
                                                                                               data-type='text'>补水保湿榜</span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div style='margin-top: 9px;'>
                    <div class='sc-bBHwJV hDsuPB' style='margin-right: 3px; width: 87px; height: 90px; opacity: 0;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'><img class='sc-furvIG gVLoLA'
                                                                src='https://m.360buyimg.com/rank/jfs/t20017/214/329900680/509961/4952277d/5af01999Nf6a32d95.png'
                                                                alt='vk image'
                                                                style='width: 100%; height: 100%; opacity: 1;'></div>
                            <span class='sc-pVTma YFXoE' data-type='text'>111.3万人买过</span><span class='sc-pVTma guCTHv'
                                                                                                data-type='text'>插电按摩器</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB' style='margin-right: 3px; width: 87px; height: 90px; opacity: 0;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'><img class='sc-furvIG gVLoLA'
                                                                src='https://m.360buyimg.com/rank/s175x127_jfs/t13624/215/2639910862/197062/cffb9b10/5a45be6aN38d3ec79.jpg!q70.dpg'
                                                                alt='vk image'
                                                                style='width: 100%; height: 100%; opacity: 1;'></div>
                            <span class='sc-pVTma YFXoE' data-type='text'>火爆热卖中</span><span class='sc-pVTma guCTHv'
                                                                                            data-type='text'>定时用途锅</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB' style='margin-right: 3px; width: 87px; height: 90px; opacity: 0;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'><img class='sc-furvIG gVLoLA'
                                                                src='https://m.360buyimg.com/rank/jfs/t1/181414/36/4691/685085/60a31692E2d3be3eb/c6df81929d8b815b.png'
                                                                alt='vk image'
                                                                style='width: 100%; height: 100%; opacity: 1;'></div>
                            <span class='sc-pVTma YFXoE' data-type='text'>1000+人买过</span><span class='sc-pVTma guCTHv'
                                                                                               data-type='text'>多刀头剃须</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB' style='margin-right: 3px; opacity: 0; width: 87px; height: 90px;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'><img class='sc-furvIG gVLoLA'
                                                                src='https://m.360buyimg.com/rank/s175x127_jfs/t1/166596/34/1612/75022/5ff91929E44cd5dc9/454f04951e1b0a9c.jpg!q70.dpg'
                                                                alt='vk image'
                                                                style='width: 100%; height: 100%; opacity: 1;'></div>
                            <span class='sc-pVTma YFXoE' data-type='text'>728.4万人买过</span><span class='sc-pVTma guCTHv'
                                                                                                data-type='text'>成人牙刷榜</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB' style='margin-right: 3px; opacity: 0; width: 87px; height: 90px;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'><img class='sc-furvIG gVLoLA'
                                                                src='https://m.360buyimg.com/babel/s175x127_jfs/t1/146121/35/13835/94641/5faa3eadE7c7543d9/39a58ae2e6d9cf84.jpg!q70.dpg'
                                                                alt='vk image'
                                                                style='width: 100%; height: 100%; opacity: 1;'></div>
                            <span class='sc-pVTma YFXoE' data-type='text'>火爆热卖中</span><span class='sc-pVTma guCTHv'
                                                                                            data-type='text'>塑料绞肉机</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB' style='margin-right: 3px; opacity: 0; width: 87px; height: 90px;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'><img class='sc-furvIG gVLoLA'
                                                                src='https://m.360buyimg.com/rank/jfs/t20017/214/329900680/509961/4952277d/5af01999Nf6a32d95.png'
                                                                alt='vk image'
                                                                style='width: 100%; height: 100%; opacity: 1;'></div>
                            <span class='sc-pVTma YFXoE' data-type='text'>111.3万人买过</span><span class='sc-pVTma guCTHv'
                                                                                                data-type='text'>插电按摩器</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB' style='margin-right: 3px; opacity: 0; width: 87px; height: 90px;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'><img class='sc-furvIG gVLoLA'
                                                                src='https://m.360buyimg.com/rank/s175x127_jfs/t13624/215/2639910862/197062/cffb9b10/5a45be6aN38d3ec79.jpg!q70.dpg'
                                                                alt='vk image'
                                                                style='width: 100%; height: 100%; opacity: 1;'></div>
                            <span class='sc-pVTma YFXoE' data-type='text'>火爆热卖中</span><span class='sc-pVTma guCTHv'
                                                                                            data-type='text'>定时用途锅</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB'
                         style='margin-right: 3px; opacity: 0; width: 87px; height: 90px; transform: rotateY(-60deg) translate3d(0px, -18px, 0px); transform-origin: 90px center; transition: none 0s ease 0s;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'><img class='sc-furvIG gVLoLA'
                                                                src='https://m.360buyimg.com/rank/jfs/t1/181414/36/4691/685085/60a31692E2d3be3eb/c6df81929d8b815b.png'
                                                                alt='vk image'
                                                                style='width: 100%; height: 100%; opacity: 1;'></div>
                            <span class='sc-pVTma YFXoE' data-type='text'>1000+人买过</span><span class='sc-pVTma guCTHv'
                                                                                               data-type='text'>多刀头剃须</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB'
                         style='margin-right: 3px; opacity: 1; width: 87px; height: 90px; transform: rotateY(0.1deg) translate3d(0px, 3px, 0px); transform-origin: 90px center; transition: none 0s ease 0s;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'><img class='sc-furvIG gVLoLA'
                                                                src='https://m.360buyimg.com/rank/s175x127_jfs/t1/166596/34/1612/75022/5ff91929E44cd5dc9/454f04951e1b0a9c.jpg!q70.dpg'
                                                                alt='vk image'
                                                                style='width: 100%; height: 100%; opacity: 1;'></div>
                            <span class='sc-pVTma YFXoE' data-type='text'>728.4万人买过</span><span class='sc-pVTma guCTHv'
                                                                                                data-type='text'>成人牙刷榜</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB'
                         style='margin-right: 3px; width: 87px; height: 90px; opacity: 1; transform: rotateY(0.1deg) translate3d(0px, 15px, 0px); transition: none 0s ease 0s; transform-origin: 60px center;'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'><img class='sc-furvIG gVLoLA'
                                                                src='https://m.360buyimg.com/babel/s175x127_jfs/t1/146121/35/13835/94641/5faa3eadE7c7543d9/39a58ae2e6d9cf84.jpg!q70.dpg'
                                                                alt='vk image'
                                                                style='width: 100%; height: 100%; opacity: 1;'></div>
                            <span class='sc-pVTma YFXoE' data-type='text'>火爆热卖中</span><span class='sc-pVTma guCTHv'
                                                                                            data-type='text'>塑料绞肉机</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB'
                         style='margin-right: 3px; width: 87px; height: 90px; opacity: 1; transform-origin: 30px center; transition: none 0s ease 0s; transform: rotateY(0.1deg) translate3d(0px, 15px, 0px);'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'><img class='sc-furvIG gVLoLA'
                                                                src='https://m.360buyimg.com/rank/jfs/t20017/214/329900680/509961/4952277d/5af01999Nf6a32d95.png'
                                                                alt='vk image'
                                                                style='width: 100%; height: 100%; opacity: 1;'></div>
                            <span class='sc-pVTma YFXoE' data-type='text'>111.3万人买过</span><span class='sc-pVTma guCTHv'
                                                                                                data-type='text'>插电按摩器</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB'
                         style='margin-right: 3px; width: 87px; height: 90px; opacity: 1; transform-origin: 0px center; transition: none 0s ease 0s; transform: rotateY(0.1deg) translate3d(0px, 3px, 0px);'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'><img class='sc-furvIG gVLoLA'
                                                                src='https://m.360buyimg.com/rank/s175x127_jfs/t13624/215/2639910862/197062/cffb9b10/5a45be6aN38d3ec79.jpg!q70.dpg'
                                                                alt='vk image'
                                                                style='width: 100%; height: 100%; opacity: 1;'></div>
                            <span class='sc-pVTma YFXoE' data-type='text'>火爆热卖中</span><span class='sc-pVTma guCTHv'
                                                                                            data-type='text'>定时用途锅</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class='sc-bBHwJV hDsuPB'
                         style='margin-right: 3px; width: 87px; height: 90px; opacity: 0; transform-origin: 0px center; transition: none 0s ease 0s; transform: rotateY(60deg) translate3d(0px, -18px, 0px);'>
                      <div class='sc-hKwCoD gVSYXb' data-type='view'>
                        <div class='sc-eCImvq fNFHp' data-type='multistateView'>
                          <div class='sc-hKwCoD hTLDkX' data-type='view'>
                            <div class='sc-iCfLBT jjwcGh hongxin_image_wrap' data-type='image'
                                 style='background: none;'><img class='sc-furvIG gVLoLA'
                                                                src='https://m.360buyimg.com/rank/jfs/t1/181414/36/4691/685085/60a31692E2d3be3eb/c6df81929d8b815b.png'
                                                                alt='vk image'
                                                                style='width: 100%; height: 100%; opacity: 1;'></div>
                            <span class='sc-pVTma YFXoE' data-type='text'>1000+人买过</span><span class='sc-pVTma guCTHv'
                                                                                               data-type='text'>多刀头剃须</span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
  document.onmousedown = function(event) {
    var that = document.getElementById('cube');
    var reg = /\-?[0-9]+\.?[0-9]*/g;
    var bf = that.style.webkitTransform || '0,0';
    var arr = bf.match(reg);
    var bfX = Number(arr[0]);
    var bfY = Number(arr[1]);
    var startX = event.pageX;
    var startY = event.pageY;
    document.onmousemove = function(event) {
      var disX = event.pageX - startX;
      var disY = event.pageY - startY;
      var y = (disX + bfY) % 360;
      var x = (disY + bfX) % 360;
      that.style.webkitTransform = 'rotateX(' + x + 'deg) rotateY(' + y + 'deg) rotateZ(0deg)';
    };

    document.onmouseup = function(event) {
      document.onmousemove = null;
      document.onmouseup = null;
    };
    return false;
  };

</script>
</body>
</html>
